<%@ Reference Control="~/Controls/MusicTabs.ascx" %>
<%@ Page language="vb" Inherits="_2bMatesSite.view_content_item" CodeFile="view_content_item.aspx.vb" CodeFileBaseClass="_2bMatesSite.BaseWebPage" %>
<%@ Register tagprefix="MusicTabs" Tagname="MusicTabs" Src="Controls/MusicTabs.ascx" %>
<form id="Form1" method="post" runat="server">
	<table height="100%" cellSpacing="0" cellPadding="0" width="100%" align="center" border="0">
		<tr>
			<td class="page_title"><asp:label id="lblPageTitle" runat="server">Label</asp:label></td>
		</tr>
		<tr id="trItem" runat=server>
			<td vAlign="top" width="100%" height="100%" class="main_table_border">
				<div class="content">
					<table cellspacing="0" cellpadding="0" width="100%" border="0">
						<tr id="trUserCanceledMessage" runat=server class="hidden">
							<td align=center height="20"><asp:label id="lblErrMessageCanceled" runat=server cssclass="err_canceled_user">This member has cancelled their membership.</asp:label></td>
						</tr>
						<MusicTabs:MusicTabs id="ucMusicTabs" runat="server"></MusicTabs:MusicTabs>
						<tr>
							<td height="4" class="small">&nbsp;</td>
						</tr>
						<tr>
							<td valign="top">
								<table border="0" cellpadding="0" cellspacing="0" width="100%">
									<tr>
										<td width="172" valign=top>
											<table height="100%" cellSpacing="0" cellPadding="0" width="100%" border="0" class="music_table">
												<tr>
													<td class="title"><b><asp:label id="lblMusicTracks" runat="server">Music Tracks</asp:label></b></td>
												</tr>																	
												<tr>
													<td align="center"><img src="images/spacer.gif" height=3 width=1><br>
														<asp:datagrid id="dgContentItems" runat="server" autogeneratecolumns="False" gridlines="None" width="90%" showheader=false>
															<itemstyle verticalalign="Top" CssClass="small"></itemstyle>
															<columns>
																<asp:templatecolumn>
																	<itemtemplate>
																		<img src="images/spacer.gif" height=5 width=1><br>
																		<asp:hyperlink id=hlItem runat="server" navigateurl='<%# DataBinder.Eval(Container.DataItem, "ItemURL") %>'  cssclass="main_text">
																			<%# DataBinder.Eval(Container.DataItem, "ItemName") %>
																		</asp:hyperlink>
																	</itemtemplate>
																</asp:templatecolumn>
															</columns>
														</asp:datagrid>
														<asp:label id="lblNoContentItems" runat="server" cssclass="main_text" visible="False" height="20px"> No users added.</asp:label>
														<br>
													</td>
												</tr>
											</table>
										</td>
									<td class="small" width="6">&nbsp;</td>
									<td class="small" width="563" valign="top">
										<table cellSpacing="0" cellPadding="0" width="100%" border="0" class="music_table">													
											<tr>
												<td class="title"><b><!-- <asp:label id="lblUserName" runat="server">Label</asp:label>--><asp:label id="lblRCMusicTracks" runat="server">Music Tracks</asp:label></b></td>
											</tr>
											<tr>
												<td vAlign="top" align="center">
													<table cellSpacing="0" cellPadding="0" width="95%" border="0">
														<tr>
															<td colspan="2" class="small" height="7">&nbsp;</td>
														</tr>
														<tr>
															<td width="15%"><asp:hyperlink id="hlUserGroup" runat="server" cssclass="main_text_bold"></asp:hyperlink></td>
															<td align=left width="80%" valign="top">
																<table border="0" cellpadding="0" cellspacing="0" width="100%" class="main_text">
																	<tr>
																		<td><b><asp:Label id="lblBands" runat=server>Bands</asp:label>:</b> &nbsp;<asp:hyperlink id="hlColumn1Value" runat="server" cssclass="main_text">Label</asp:hyperlink></td>
																	</tr>
																	<tr>
																		<td><b><asp:label id="lblSong" runat=server>Song</asp:label>:</b> &nbsp;<asp:hyperlink id="hlItemLink" runat="server" cssclass="main_text">HyperLink</asp:hyperlink><asp:label id="lblColumn2Value" runat="server">Label</asp:label></td>
																	</tr>
																	<tr>
																		<td><b><asp:label id="lblThink" runat=server>What we think</asp:label>:</b> &nbsp;<asp:label id="lblColumn3Value" runat="server">Label</asp:label></td>
																	</tr>																						
																</table>
															</td>
														</tr>
													</table>
												</td>
											</tr>
											<tr>
												<td class="small" height="9">&nbsp;</td>
											</tr>	<!-- begin embedded WindowsMedia file... -->							
											<tr>
												<td align="center"><asp:panel id="panMediaPlayer" runat="server">																	
												<OBJECT id="mediaPlayer" codeBase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701"
													type="application/x-oleobject" height="<%=mediaControlHeight%>" standby="Loading Microsoft Windows Media Player components..."
													width="320" classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95" VIEWASTEXT>
													<PARAM NAME="AudioStream" VALUE="-1">
													<PARAM NAME="AutoSize" VALUE="0">
													<PARAM NAME="AutoStart" VALUE="-1">
													<PARAM NAME="AnimationAtStart" VALUE="-1">
													<PARAM NAME="AllowScan" VALUE="-1">
													<PARAM NAME="AllowChangeDisplaySize" VALUE="-1">
													<PARAM NAME="AutoRewind" VALUE="0">
													<PARAM NAME="Balance" VALUE="0">
													<PARAM NAME="BaseURL" VALUE="">
													<PARAM NAME="BufferingTime" VALUE="5">
													<PARAM NAME="CaptioningID" VALUE="">
													<PARAM NAME="ClickToPlay" VALUE="-1">
													<PARAM NAME="CursorType" VALUE="0">
													<PARAM NAME="CurrentPosition" VALUE="-1">
													<PARAM NAME="CurrentMarker" VALUE="0">
													<PARAM NAME="DefaultFrame" VALUE="">
													<PARAM NAME="DisplayBackColor" VALUE="0">
													<PARAM NAME="DisplayForeColor" VALUE="16777215">
													<PARAM NAME="DisplayMode" VALUE="0">
													<PARAM NAME="DisplaySize" VALUE="4">
													<PARAM NAME="Enabled" VALUE="-1">
													<PARAM NAME="EnableContextMenu" VALUE="-1">
													<PARAM NAME="EnablePositionControls" VALUE="-1">
													<PARAM NAME="EnableFullScreenControls" VALUE="0">
													<PARAM NAME="EnableTracker" VALUE="-1">
													<PARAM NAME="Filename" VALUE="<%=filename%>">
													<PARAM NAME="InvokeURLs" VALUE="-1">
													<PARAM NAME="Language" VALUE="-1">
													<PARAM NAME="Mute" VALUE="0">
													<PARAM NAME="PlayCount" VALUE="0">
													<PARAM NAME="PreviewMode" VALUE="0">
													<PARAM NAME="Rate" VALUE="1">
													<PARAM NAME="SAMILang" VALUE="">
													<PARAM NAME="SAMIStyle" VALUE="">
													<PARAM NAME="SAMIFileName" VALUE="">
													<PARAM NAME="SelectionStart" VALUE="-1">
													<PARAM NAME="SelectionEnd" VALUE="-1">
													<PARAM NAME="SendOpenStateChangeEvents" VALUE="-1">
													<PARAM NAME="SendWarningEvents" VALUE="-1">
													<PARAM NAME="SendErrorEvents" VALUE="-1">
													<PARAM NAME="SendKeyboardEvents" VALUE="0">
													<PARAM NAME="SendMouseClickEvents" VALUE="0">
													<PARAM NAME="SendMouseMoveEvents" VALUE="0">
													<PARAM NAME="SendPlayStateChangeEvents" VALUE="-1">
													<PARAM NAME="ShowCaptioning" VALUE="0">
													<PARAM NAME="ShowControls" VALUE="-1">
													<PARAM NAME="ShowAudioControls" VALUE="-1">
													<PARAM NAME="ShowDisplay" VALUE="0">
													<PARAM NAME="ShowGotoBar" VALUE="0">
													<PARAM NAME="ShowPositionControls" VALUE="-1">
													<PARAM NAME="ShowStatusBar" VALUE="0">
													<PARAM NAME="ShowTracker" VALUE="-1">
													<PARAM NAME="TransparentAtStart" VALUE="-1">
													<PARAM NAME="VideoBorderWidth" VALUE="0">
													<PARAM NAME="VideoBorderColor" VALUE="0">
													<PARAM NAME="VideoBorder3D" VALUE="0">
													<PARAM NAME="Volume" VALUE="-600">
													<PARAM NAME="WindowlessVideo" VALUE="0">
													<EMBED type='application/x-mplayer2'pluginspage='http://microsoft.com/windows/mediaplayer/en/download/' id='mediaPlayer' name='mediaPlayer' displaysize='4' autosize='-1' bgcolor='darkblue' showcontrols="true" showtracker='-1' showdisplay='0' showstatusbar='0' videoborder3d='-1' width="320" height="<%=mediaControlHeight%>" src='<%=filename%>' autostart="true" designtimesp='5311' loop="true"></EMBED>
												</OBJECT>
										
												</asp:panel>
											</td>
										</tr>
										<!-- ...end embedded WindowsMedia file -->
										<tr>
											<td class="small" vAlign="top" height="4" align="left">&nbsp;</td>
										</tr>															
										<tr>
											<td vAlign="top" height="100%" align="center">
												<table height="99%" cellSpacing="1" cellPadding="0" width="95%" border="0">
													<tr>
														<td align=center>
															<table cellpadding="0" cellspacing="0" border="0">
																<tr>
																	<td class="music_post_comments" height="19"><b><asp:label id="lblPostComments" runat="server">Post Comments</asp:label></b></td>
																</tr>																													
																<tr>
																	<td id="error" align="left"><asp:validationsummary id="ValidationSummary1" runat="server" forecolor="#F04C03" displaymode="List" cssclass="val_summary" Height="32px"></asp:validationsummary></td>
																</tr>
																<tr>
																	<td class="small" align="center">
																		<asp:textbox id="txtComment" runat="server" cssclass="scrollbar" width="300px" height="130px"
																			maxlength="1000" textmode="MultiLine" rows="8"></asp:textbox><asp:requiredfieldvalidator id="rvTxtComments" runat="server" controltovalidate="txtComment" display="None"
																			errormessage="<br>You cannot post blank comment<br>"></asp:requiredfieldvalidator></td>
																</tr>
																<tr>
																	<td align="center"><br/><asp:button id="btnPostComment" runat="server" cssclass="btn" width="50px" text="Post" onmouseover="ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);" onclick="btnPostComment_Click"></asp:button></td>
																</tr>
																<tr>
																	<td class="small" height="15">&nbsp;</td>
																</tr>	
															</table>
														</td>
													</tr>																																
													<tr>
														<td align="center"><ASP:DATAGRID id="dgComments" runat="server" Width="100%" AutoGenerateColumns="False"
																GridLines="None" PageSize="100" PagerStyle-HorizontalAlign="Right" PagerStyle-Mode="NumericPages">
																<ItemStyle CssClass="data_grid" VerticalAlign="Top"></ItemStyle>
																<HeaderStyle CssClass="data_grid_header"></HeaderStyle>
																<Columns>
																	<asp:TemplateColumn HeaderText="From">
																		<HeaderStyle Width="10%"></HeaderStyle>
																		<ItemStyle CssClass="col_image" VerticalAlign="Top"></ItemStyle>
																		<ItemTemplate>
																			<asp:hyperlink id=hlSenderName runat="server" CssClass="main_text_bold" Text='<%# DataBinder.Eval(Container.DataItem, "SenderName") %>' Font-Bold="True" NavigateUrl='<%# DataBinder.Eval(Container.DataItem, "MemberURL") %>' onclick='<%# DataBinder.Eval(Container.DataItem, "OnClickJS") %>'>
																			</asp:hyperlink>
																			<BR>
																			<asp:hyperlink id=hlSenderImage runat="server" CssClass="small_image" NavigateUrl='<%# DataBinder.Eval(Container.DataItem, "MemberURL") %>' ImageUrl='<%# DataBinder.Eval(Container.DataItem, "SenderImageURL") %>' onclick='<%# DataBinder.Eval(Container.DataItem, "OnClickJS") %>' ToolTip='<%# DataBinder.Eval(Container.DataItem, "SenderNameFull") %>'>Image</asp:hyperlink>
																			<BR>
																		</ItemTemplate>
																		<FooterStyle HorizontalAlign="Left" VerticalAlign="Top"></FooterStyle>
																	</asp:TemplateColumn>
																	<asp:TemplateColumn HeaderText="&nbsp;&nbsp;Comments">
																		<HeaderStyle Width="90%"></HeaderStyle>
																		<ItemStyle HorizontalAlign="Left" CssClass="data_grid" VerticalAlign="Top"></ItemStyle>
																		<ItemTemplate>
																			<BR>
																				<asp:label id=lblDate runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "Date") %>'>
																				</asp:label><BR>
																				<BR>
																				<PRE style="WORD-WRAP: break-word;" WRAP><asp:literal id=litComment runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "Comment") %>'></asp:literal></PRE><br />
																				<asp:linkbutton id=lbDelete runat="server" CssClass="main_text_bold" Visible='<%# DataBinder.Eval(Container.DataItem, "ButtonsVisibility") %>' CommandName="Delete" CommandArgument='<%# DataBinder.Eval(Container.DataItem, "CommentID") %>' CausesValidation="False" Font-Bold="True">Delete</asp:linkbutton>
																		</ItemTemplate>
																		<FooterStyle HorizontalAlign="Left" VerticalAlign="Top"></FooterStyle>
																	</asp:TemplateColumn>
																</Columns>
																<PagerStyle HorizontalAlign="Right" Mode="NumericPages"></PagerStyle>
															</ASP:DATAGRID><asp:label id="lblNoComments" runat="server" Visible="False" CssClass="main_text">There are no comments posted.</asp:label></td>
														</tr>
													</table>
												</td>
											</tr>
										</table>
									</td>
								</tr>
							</table>
						</td>
					</tr>
				</table>
			</div>						
		</td>
	</tr>
	<tr id="trConfirmItem" runat=server visible=false>
		<td class="main_table_border" valign="top" width="100%" height="100%">
			<div class="content">
				<table cellspacing="0" cellpadding="0" width="100%" border="0" class="main_text">					
					<tr>
						<td height=76>
							<asp:label id="lblMessage" runat="server" font-bold="True">This is how your comment will appear on the page. Please confirm your comment:</asp:label>
							<br>
							<br>
							<pre style="WORD-WRAP: break-word" wrap><asp:label id="lblComment" runat="server">Description</asp:label></pre><br />
						</td>
					</tr>
					<tr>
						<td valign="top">
							<asp:button id="btnPost" runat="server" cssclass="btn" text="Post Comment" width="113px" onmouseover="ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);" onclick="btnPost_Click"></asp:button><br><br>
							<asp:button id=btnEdit runat="server" cssclass="btn" text="Edit"  onmouseover="ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);" onclick="btnEdit_Click"></asp:button>
							<asp:button id="btnCancel" runat="server" cssclass="btn" text="Cancel" causesvalidation="False"  onmouseover="ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);" onclick="btnCancel_Click"></asp:button>
						</td>
					</tr>
				</table>
			</div>
		</td>
	</tr>	
</table>
				
</form>
<script>
	function confirmPost(){
		var conf = confirm("Are you sure you want to post this comment?")
		
		if ( conf )
			document.forms[0].submit();
	}
</script>
